<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/page/share/taglib.jsp" %>

 <s:url id="schedules" action="batchMngtAction" method="listBatchInfo"/>
 <s:url id="scheduleMngt" action="" method=""/>
 
<div class="result ui-widget-content ui-corner-all" >
<div id="col3_content" class="clearfix">
<h1 align="center">批量任务信息</h1><br>

<sj:tabbedpanel id="mytabs" animate="true" collapsible="true" useSelectedTabCookie="true">
		
		<sj:tab id="tab1"  href="%{schedules}" target="tone" label="批次详细信息"  />
		<sj:tab id="tab2"  href="%{scheduleMngt}" target="ttwo" label="管理批次" />
		<sj:tab id="tab3"  target="tthree" label="备用" />
		<div id="tone"></div>
		
		<div id="ttwo">
			<div class="result ui-widget-content ui-corner-all">
			   <div class="hlist ui-widget-header">
                <ul>
                 <li class="ui-widget-header"><h3><sj:a id="jobdetail" href="%{JobdetailURL}" targets="grid">TEST_SCHEDULE_Name</sj:a></h3></li>
                 <li class="ui-widget-header"><h3><sj:a id="jobdetail" href="%{JobdetailURL}" targets="grid">TEST_SCHEDULE_Name</sj:a></h3></li>
                 <li class="ui-widget-header"><h3><sj:a id="jobdetail" href="%{JobdetailURL}" targets="grid">TEST_SCHEDULE_Name</sj:a></h3></li>
                 <li class="ui-widget-header"><h3><sj:a id="jobdetail" href="%{JobdetailURL}" targets="grid">TEST_SCHEDULE_Name</sj:a></h3></li>
                </ul>
              </div>
		    </div>
		    <div id="grid">
		    </div>
		</div>
		
		<div id="tthree">
			<div id="detail">
			</div>
		</div>
		
</sj:tabbedpanel>	
</div>
</div>

<script type="text/javascript">
$(document).ready(function() {
	
	$('tab1').hover(function() {
		$(this).addClass("blue10");
	}, function() {
		$(this).removeClass("blue10");
	});
	$('tab1').click(function(){
		$('tab1').removeClass("blue11");
		$(this).addClass("blue11");
		
	});
	
	$('tab2').hover(function() {
		$(this).addClass("blue4");
	}, function() {
		$(this).removeClass("blue4");
	});
	$('tab2').click(function(){
		$('tab2').removeClass("blue5");
		$(this).addClass("blue5");
		
	});

});
</script>
<style>
.blue4 {
        background:#bcd4ec;  
}
.blue5 {
        background:#bcd4ec;  
}
.blue10 {
        background:#bcd4ec;  
}
.blue11{
        background:#bcd4ec;  
}
.blue21 {
        background:#bcd4ec;  
}
.blue30{
        background:#bcd4ec;  
}
</style>
